<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        *{
            box-sizing: border-box;
        }
        table{
            background-color: #ebeff5;
        }
        th,td{
            border-right: 2px solid #fff;
            border-bottom: 2px solid #fff;
            font-size: 12px;text-align: center;
        }
        th>span{
            display: inline-block;
            width: 80px;
        }
        td span{
            display: inline-block;
            width: 60px;
        }
        td span:nth-child(1){
            display: inline-block;
             width: 60px;border-right: 2px solid #fff;
        }
        td:nth-child(1){
            width: 160px;
            text-align: center;
        }
        td .left{
            float: left;width: 50%;height: 40px;line-height: 40px;border-right: 2px solid #fff;
        }
        td .right{
            float: right;width: 50%;;height: 40px;
        }
        td .top{
            width: 100%;;height: 20px;line-height: 20px;border-bottom: 2px solid #fff;
        }
        td .top span{
            display: inline-block;
            width: 50%;
        }
        td .bottom{
            width: 100%;;height: 20px;line-height: 20px;
        }
        td .bottom span{
            display: inline-block;
            width: 50%;
        }
    </style>
</head>
<body>
<table >
    <tr>
        <th>城市</th>
        <th>北京</th>
        <th>上海</th>
        <th>南京</th>
        <th>大连</th>
        <th>青岛</th>
        <th>成都</th>
        <th>武汉</th>
        <th>郑州</th>
        <th>广州</th>
        <th>深圳</th>
    </tr>
    <tbody>
    <tr>
        <td>时间<br>(周末)</td>
        <td>7月16号</td>
        <td>7月22号</td>
        <td>7月23号</td>
        <td>
            <span>7月29号</span><span>7月30号</span>
        </td>
        <td>
            <span>8月5号</span><span>8月6号</span>
        </td>
        <td><span>8月12号</span><span>8月13号</span></td>
        <td>
            <span>8月19号</span><span>8月20号</span>
        </td>
        <td><span>8月26号</span><span>8月27号</span></td>
        <td>9月2号</td>
        <td>9月3号</td>
    </tr>
    <tr>
        <td>6-7岁名额小计</td>
        <td>1</td>
        <td>1</td>
        <td>1</td>
        <td><span>2</span><span>2</span></td>
        <td><span>2</span><span>2</span></td>
        <td><span>2</span><span>2</span></td>
        <td><span>2</span><span>2</span></td>
        <td><span>2</span><span>2</span></td>
        <td>1</td>
        <td>1</td>
    </tr>
    <tr>
        <td>
            <div class="left">6-7岁名额</div>
            <div class="right">
                <div class="top">上午场</div>
                <div class="bottom">下午场</div>
            </div>
        </td>
        <td>
            <div class="top">4</div>
            <div class="bottom">4</div>
        </td>
        <td>
            <div class="top">4</div>
            <div class="bottom">4</div>
        </td>
        <td>
            <div class="top">4</div>
            <div class="bottom">4</div>
        </td>
        <td>
            <div class="top"><span>2</span><span>2</span></div>
            <div class="bottom"><span>2</span><span>2</span></div>
        </td>
        <td>
            <div class="top"><span>2</span><span>2</span></div>
            <div class="bottom"><span>2</span><span>2</span></div>
        </td>
        <td>
            <div class="top"><span>2</span><span>2</span></div>
            <div class="bottom"><span>2</span><span>2</span></div>
        </td>
        <td>
            <div class="top"><span>2</span><span>2</span></div>
            <div class="bottom"><span>2</span><span>2</span></div>
        </td>
        <td>
            <div class="top"><span>2</span><span>2</span></div>
            <div class="bottom"><span>2</span><span>2</span></div>
        </td>
        <td>
            <div class="top">4</div>
            <div class="bottom">4</div>
        </td>
        <td>
            <div class="top">4</div>
            <div class="bottom">4</div>
        </td>
    </tr>
    <tr>
        <td>8-9岁名额小计</td>
        <td>1</td>
        <td>1</td>
        <td>1</td>
        <td><span>2</span><span>2</span></td>
        <td><span>2</span><span>2</span></td>
        <td><span>2</span><span>2</span></td>
        <td><span>2</span><span>2</span></td>
        <td><span>2</span><span>2</span></td>
        <td>1</td>
        <td>1</td>
    </tr>
    <tr>
        <td>
            <div class="left">8-9岁名额</div>
            <div class="right">
                <div class="top">上午场</div>
                <div class="bottom">下午场</div>
            </div>
        </td>
        <td>
            <div class="top">4</div>
            <div class="bottom">4</div>
        </td>
        <td>
            <div class="top">4</div>
            <div class="bottom">4</div>
        </td>
        <td>
            <div class="top">4</div>
            <div class="bottom">4</div>
        </td>
        <td>
            <div class="top"><span>2</span><span>2</span></div>
            <div class="bottom"><span>2</span><span>2</span></div>
        </td>
        <td>
            <div class="top"><span>2</span><span>2</span></div>
            <div class="bottom"><span>2</span><span>2</span></div>
        </td>
        <td>
            <div class="top"><span>2</span><span>2</span></div>
            <div class="bottom"><span>2</span><span>2</span></div>
        </td>
        <td>
            <div class="top"><span>2</span><span>2</span></div>
            <div class="bottom"><span>2</span><span>2</span></div>
        </td>
        <td>
            <div class="top"><span>2</span><span>2</span></div>
            <div class="bottom"><span>2</span><span>2</span></div>
        </td>
        <td>
            <div class="top">4</div>
            <div class="bottom">4</div>
        </td>
        <td>
            <div class="top">4</div>
            <div class="bottom">4</div>
        </td>
    </tr>
    <tr>
        <td>10-11岁名额小计</td>
        <td>1</td>
        <td>1</td>
        <td>1</td>
        <td><span>2</span><span>2</span></td>
        <td><span>2</span><span>2</span></td>
        <td><span>2</span><span>2</span></td>
        <td><span>2</span><span>2</span></td>
        <td><span>2</span><span>2</span></td>
        <td>1</td>
        <td>1</td>
    </tr>
    <tr>
        <td>
            <div class="left">10-11岁名额</div>
            <div class="right">
                <div class="top">上午场</div>
                <div class="bottom">下午场</div>
            </div>
        </td>
        <td>
            <div class="top">4</div>
            <div class="bottom">4</div>
        </td>
        <td>
            <div class="top">4</div>
            <div class="bottom">4</div>
        </td>
        <td>
            <div class="top">4</div>
            <div class="bottom">4</div>
        </td>
        <td>
            <div class="top"><span>2</span><span>2</span></div>
            <div class="bottom"><span>2</span><span>2</span></div>
        </td>
        <td>
            <div class="top"><span>2</span><span>2</span></div>
            <div class="bottom"><span>2</span><span>2</span></div>
        </td>
        <td>
            <div class="top"><span>2</span><span>2</span></div>
            <div class="bottom"><span>2</span><span>2</span></div>
        </td>
        <td>
            <div class="top"><span>2</span><span>2</span></div>
            <div class="bottom"><span>2</span><span>2</span></div>
        </td>
        <td>
            <div class="top"><span>2</span><span>2</span></div>
            <div class="bottom"><span>2</span><span>2</span></div>
        </td>
        <td>
            <div class="top">4</div>
            <div class="bottom">4</div>
        </td>
        <td>
            <div class="top">4</div>
            <div class="bottom">4</div>
        </td>
    </tr>
    <tr>
        <td>入营名额总计</td>
        <td>1</td>
        <td>1</td>
        <td>1</td>
        <td><span>2</span><span>2</span></td>
        <td><span>2</span><span>2</span></td>
        <td><span>2</span><span>2</span></td>
        <td><span>2</span><span>2</span></td>
        <td><span>2</span><span>2</span></td>
        <td>1</td>
        <td>1</td>
    </tr>
    </tbody>
</table >
</body>
</html>
